<template>
  <maincontainer class="p-5 bg-white">
        <div class="w-full flex flex-wrap">
            <div class="w-1/4 px-2 flex items-center h-15">
                <n-button text class="text-blue-600">车辆申请</n-button>
            </div>
            <div class="w-1/4 px-2 flex items-center h-15">
                <n-button text class="text-blue-600">消耗品申请</n-button>
            </div>
            <div class="w-1/4 px-2 flex items-center h-15">
                <n-button text class="text-blue-600">会议室申请</n-button>
            </div>
            <div class="w-1/4 px-2 flex items-center h-15">
                <n-button text class="text-blue-600">工服申请</n-button>
            </div>
          <div class="w-1/4 px-2 flex items-center h-15">
            <n-button text class="text-blue-600">工服申请</n-button>
          </div>
          <div class="w-1/4 px-2 flex items-center h-15">
            <n-button text class="text-blue-600">工服申请</n-button>
          </div>
          <div class="w-1/4 px-2 flex items-center h-15">
            <n-button text class="text-blue-600">工服申请</n-button>
          </div>
        </div>
  </maincontainer>
  </template>

  <script setup name="Administrativeprocess" lang="ts">
  import {inject} from "vue";

  const zhucefunc:Function|undefined = inject("zhuceshuaxinfunc")
  // 初始化函数
  const init = () => {
  }

  // 初始化区域
  init()
  zhucefunc && zhucefunc({[route.name!.toString()]:init})
  </script>

  <style scoped>
  
  </style>